<template>
  <div class="chart">
      <div id="container"></div>
    <!-- 条件渲染 -->
    <el-button-group >
      <el-button type="primary" size="small">实时定位</el-button>
      <el-button type="primary" size="small" @click="tomaps">中国疫情</el-button>
    </el-button-group>
  </div>
</template>
<script>
// 脚本，js
export default {
  mounted(){
    var map = new AMap.Map('container');
  },
  methods:{
    tomaps(item){
      this.$router.push({
        path:"/map/index",
        query:item
      })
    },
  }
}
</script>
<style scoped>
/* 样式，css */
#container {
  height:450px
}
</style>